<% extends 'card/weui_base.html' %>
<% block title %>卡券提货<% endblock %>
<% block body %>
<div class="page-hd">
    <h1 class="page-hd-title">
        卡券提货
    </h1>
    <p class="page-hd-desc">
        输入手机号码和提货密码进行提货, 如不知道提货密码请在输入手机号码后点击"发送密码短信",
        密码将通过短信的方式发送到您的手机上, 请注意查收
    </p>
</div>
<form id="form-mobile-passwd">
    <div class="weui_cells weui_cells_form">
        <div id="div_mobile" class="weui_cell">
            <div class="weui_cell_hd"><label class="weui_label">手机号码</label></div>
            <div class="weui_cell_bd weui_cell_primary" id="mobile_div" >
                <input name="mobile" class="weui_input" type="tel" required pattern="^[0-9]{11}$" maxlength="11" placeholder="输入您的手机号码" emptyTips="请输入手机号" notMatchTips="请输入正确的手机号" v-model="mobile">
            </div>
            <div class="weui_cell_ft">
                <i class="weui_icon_warn"></i>
            </div>
        </div>
        <div id="div_password" class="weui_cell weui_vcode">
            <div class="weui_cell_hd"><label class="weui_label">提货密码</label></div>
            <div class="weui_cell_bd weui_cell_primary">
                <input name="password" class="weui_input" type="number" required pattern="^[0-9]{8}$" maxlength="8"
                       placeholder="输入短信收到的提货密码" notMatchTips="请输入8位提货密码" tips="请输入提货密码" v-model="password">
            </div>
            <div class="weui_cell_ft">
                <i class="weui_icon_warn"></i>
                <component :is="sms_button"></component>
            </div>
        </div>
        <div id="div_validate_code" class="weui_cell weui_vcode">
            <div class="weui_cell_hd"><label class="weui_label">验证码</label></div>
            <div class="weui_cell_bd weui_cell_primary">
                <input name="validate_code" class="weui_input" type="number" required pattern="^[0-9]{4}$" maxlength="4"
                       notMatchTips="请输入4位数字验证码" placeholder="请输入验证码" v-model="validate_code">
            </div>
            <div class="weui_cell_ft">
                <i class="weui_icon_warn"></i>
                <a href="javascript:;" v-on:click="validate_code_reload" class="weui-vcode-btn">看不清</a>
                <img id="img_validate_code" src="/validate_code" v-on:click="validate_code_reload">
            </div>
        </div>
    </div>
    <div class="page-hd">
        <!--<p class="page-hd-desc">-->
            <!--weui+是Zepto1.2和weui.js,weui0.44/1.01等众多开源项目中,参考而成的,接近100个新组件,最目前全网效果最全的.喜欢这个的童鞋们别吝啬去打小星星哦!已通过IOS10.1(iPhone6)和Android5.1(Meizu-->
            <!--Note3)真机测试;如有不兼容,请在github反馈.</p>-->
    </div>

    <div class="weui_btn_area">
        <a id="formSubmitBtn" href="javascript:" class="weui_btn weui_btn_primary" v-on:click="submit">提交</a>
    </div>
</form>
<script>
    var count_down_seconds = ${count_down_seconds};
</script>
<script src="/dftg_weixin/static/src/js/card/card_app.js?v=1.00"></script>

<% endblock %>
